.accordion-menu {
  display: block;
  width: 100%;
  a {
    color: #fff;
    font-size: .9rem;
    text-decoration: none;
  }
  a:hover {
    color: #0a8fff;
  }
  .selected {
    background: #1890ff;
    &:hover {
      a {
        color: #fff;
      }
    }
  }
  > div {

    > p {
      display: block;
      width: 100%;
      background: #000c17;
      box-shadow: inset 0 2px 8px #000;
      > div{
        > span {
          display: block;
          width: 100%;
          display: block;
          line-height: 1.5rem;
          border-left: 2px solid #4875d6;
          padding: 1px 0;
          > i, > b {
            display: none;
          }
          &:hover {
            background: #0a8fff;
            a {
              color: #fff;
            }
          }
          > a {

            margin: .5rem;
            margin-left: 2rem;
            display: block;
            line-height: 1.5rem;
          }
        }
        > p {
          display: none;


        }
      }


    }

    > span {
      display: flex;
      display: -webkit-flex;
      width: 100%;
      padding-bottom: 1px;
      padding-top: 1px;
      background: #001529;
      flex-direction: row;
      justify-content: space-between;
      > i, > b {
        font-size: 1rem;
        margin-top: .5rem;
        color: #fff;
        line-height: 1.5;
      }
      > i {
        margin-left: 1rem;
        display: inline-block;
        width: 1.5rem;
      }
      > b {
        font-size: .3rem;
        margin-top: .7rem;
        margin-right: 1rem;
      }
      > a {

        margin: .5rem;
        display: block;
        line-height: 1.5rem;
        flex: auto;
      }

    }

  }
}